html, body{
    color: #333;
    background: #fff;
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 14px/1.5 "Arial","Lantinghei SC", "Hiragino Sans GB", "Microsoft Yahei", STHeiti, Verdana,  sans-serif;
}


h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

address, cite, dfn, em, var {
    font-style: normal;
}

code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
}

small {
    font-size: 12px;
}

ul, ol {
    list-style: none;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}


a {
    text-decoration: none;
    cursor: pointer;
    color: #408cdf;
    outline: 0 none;
}

a:hover {
    text-decoration: underline;
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after {
    content: '';
}

legend {
    color: #000;
}

fieldset, img {
    border: none;
}

button, input, select, textarea {
    font-size: 100%;
}

textarea {
    resize: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
    *color: #fff;
}

img {
    -ms-interpolation-mode: bicubic;
}

.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

.t-c {
    text-align: center;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.p-a {
    position: absolute
}

.p-r {
    position: relative
}

.f-clr, .clr {
    zoom: 1;
}

.f-clr:after, .clr:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

.bf {
    font-weight: bold;
}

input[type] {
    outline: none;
    border: 1px solid #ccc;
}

input[type="button"],
input[type="submit"] {
    border: 0 none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
.input-focus {
    transition: border-color .3s;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
.input-focus {
    border-color: #686e71 !important;
}
